.list-complete-enter, .list-complete-leave-to
    /* .list-complete-leave-active for below version 2.1.8 */ {
  opacity: 0;
  transform: translateX(-60px);
}
.list-complete-leave-active {
  position: absolute;
}

.task-box {
  height: 100%;
  box-sizing: border-box;
  display: flex;

  .left-container {
    display: none;
    width: 162px;
    margin-right: 12px;
  }
  .task-list-container {
    flex: 1;
    height: 100%;
    .task-header {
      align-items: center;

      .title {
        font-size: 18px;
        color: #333;
      }

      .cancel-button {
        border-color: #d5e4f9;
      }
      .custom-button {
        background: linear-gradient(to right, #4ce3c5, #31d1cd);
        color: #fff;
        border: none;
        font-size: 14px;
      }
    }
    .task-list {
      position: relative;
      height: calc(100% - 0px);
      overflow: auto;
      .list-header {
        height: 37px;
        border-radius: 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f1f1f1;
        .btn {
          padding: 0 !important;
          width: 90px;
          height: 26px;
          border-radius: 4px;
          color: #fff;
          border: none;
          background: linear-gradient(to right, #4ce3c5, #31d1cd);
        }
      }
    }
  }
}
.empty-content {
  width: 100%;
  height: 100%;
}
.custom-button {
  border-color: #9dbdf0;
  color: #667fa7;
  font-size: 12px;
}
.doc-count {
  font-size: 12px;
  color: #333;
}